.video-profil {
  padding: 80px 20px;
  background: #fff;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  text-align: center;
}

.video-profil h2 {
  font-size: 32px;
  font-weight: 700;
  margin: 100px 0 25px;
  background: #004aad;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.5px;
}

.video-card {
  max-width: 900px;
  margin: 0 auto;
  background: #f1f1f1;
  border-radius: 20px;
  overflow: hidden;
  padding: 20px;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  border-radius: 15px;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.video-desc {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.6;
  color: #000000;
  font-weight: 500;
}

/* 📱 Versi mobile */
@media (max-width: 600px) {
  .video-profil {
    padding: 40px 15px;       /* lebih ringkas */
  }

  .video-profil h2 {
    font-size: 22px;          /* judul lebih kecil */
    margin: 40px 0 15px;      /* tidak terlalu jauh dari atas */
  }

  .video-card {
    padding: 12px;            /* biar tidak makan layar */
    border-radius: 12px;
  }

  .video-wrapper {
    border-radius: 10px;
  }

  .video-wrapper iframe {
    border-radius: 10px;
  }

  .video-desc {
    font-size: 14px;          /* teks deskripsi lebih enak dibaca */
    margin-top: 12px;
  }
}